<div class="row">
    <div id="health-area" class="col-sm-12 top10">
        <!--搜索-->
        <div class="col-sm-3 pull-left mt15 nopadding-left">
            <div class="form-input-group full-width">
                <!-- <div class="data-title col-sm-3 nopadding-left">按数据项搜索：</div> -->

                <!-- <label class="right15"> -->
                {{callbusi/dict-selector class=" inline-block form-input-group" groupCode=constants.healthExamType showName="体检项目" dictSelect="healthSelect" preselected=false allowClear=true}}
                <!-- <select size="1" name="datatable1_length" aria-controls="datatable1" class="form-control input-sm" style="touch-action: manipulation; -ms-touch-action: manipulation;">
            <option value="血压" selected="selected">血压</option>
            <option value="血氧">血氧</option>
            <option value="心率">心率</option>
            <option value="心率">呼吸频率</option>
            <option value="心率">体温</option>
            <option value="心率">体重</option>
            <option value="心率">空腹血糖</option>
            <option value="心率">餐前血糖</option>
            <option value="心率">餐后血糖</option>
            <option value="心率">体重</option>
          </select> -->
                <!-- </label> -->

            </div>
        </div>
        <div class="col-sm-6 mt15">
            <div class="data-title pull-left">按时间搜索：</div>
            <span class="date-range pull-left">
        <div class="btn-group">
          <a class="js_update btn btn-default" href="#" {{action "search" "today" on="click"}}>今天</a>
          <a class="js_update btn btn-default" href="#" {{action "search" "seven" on="click"}}>最近7天</a>
          <a class="js_update btn btn-default " href="#" {{action "search" "thirty" on="click"}}>最近一个月</a>

          <a id="reportrange" class="btn reportrange" {{action "showDate" on="click"}}>
            <i class="fa fa-calendar"></i>
            <span>自定义日期</span>
            <i class="fa fa-angle-down"></i>
            </a>
        </div>

        {{#if dateShow}}
            <!-- 日期选择弹窗 -->
            <div class="date-box form-input-group">
                <div class="row">
                    <div class="col-xs-4 col-sm-4 org-title">开始时间：</div>
                    <!-- <div class="col-xs-8 col-sm-8">{{input class="input-group-content" type="date" value=beginDate}}</div> -->
                    <div class="col-xs-8 col-sm-8 nopadding-left">
                        {{ui/addon/bs-datetimepicker date=null placeholder="开始时间" locale="zh-CN" iconClasses="fa fa-calendar" show="dpShowAction" change="changeBeginDateAction"}}
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-4 col-sm-4 org-title">结束时间：</div>
                    <!-- <div class="col-xs-8 col-sm-8">{{input class="input-group-content" type="date" value=endDate}}</div> -->
                    <div class="col-xs-8 col-sm-8 nopadding-left">
                        {{ui/addon/bs-datetimepicker date=null placeholder="结束时间" locale="zh-CN" iconClasses="fa fa-calendar" show="dpShowAction" change="changeEndDateAction"}}
                    </div>
                </div>
                <div class="btn-row text-center">
                    <button class="btn btn-primary" {{action "hideDate" on="click"}}><i class="fa fa-check icon-white"></i>&ensp;确定</button>
                    <button class="btn btn-light-grey" {{action "hideDate" on="click"}}><i class="fa fa-times"></i>&ensp;取消</button>
                </div>
            </div>
            <!-- End 日期选择弹窗 -->
        {{else}}
        {{/if}}
        </span>
    </div>
    <!--搜索-->
    <div class="col-sm-3 user-add-btn pull-right mt15 nopadding-right">
        <!-- <a id="uploadExcel" class="btn btn-icon btn-turquoise btn-xs pull-left" {{action "addData" on="click"}} style="touch-action: manipulation; -ms-touch-action: manipulation;margin:0;" data-ember-action="1398">
          <i class="el-plus"></i>添加新健康数据
      </a> -->
        {{#ui/mix-button class=" user-btn pull-right" iconClass="fa-plus" text='添加健康数据' clickAction="addData" addData="addData" }}
        {{/ui/mix-button}}
        <!-- <span class="clearfix mt5 ml10">
        <a id="listBtn2" title="列表式" {{action "showList" on="click"}}><i class="fa fa-list-ul"></i></a>
        <a id="textBtn2" class="cur" title="图文式" {{action "showText" on="click"}}><i class="fa fa-th-large"></i></a>
      </span> -->
    </div>
</div>
</div>
<div class="row col-sm-12">
    <div class="change-view pull-left">
        <span class="clearfix  pull-left">
  <a id="listBtn2" class="cur" {{action "showList" on="click"}}>{{bs-tooltip title="列表式" class="light-tooltip"}}<i class="fa fa-list-ul"></i></a>
  <a id="textBtn2"  {{action "showText" on="click"}}>{{bs-tooltip title="图文式" class="light-tooltip"}}<i class="fa fa-bar-chart-o"></i></a>
</span>
        {{#if allDateShow}}
            <span class="col-sm-3 clearfix data-title pull-left" style="border:none;"></span>
        {{else}}
            <!-- <span class=" col-sm-3 clearfix data-title pull-left" style="border:none;">{{firstHealth.examDateString}}至{{lastHealth.examDateString}}</span> -->
            {{#if todayShow}}
                <span class="col-sm-3 clearfix data-title pull-left" style="border:none;">今天</span>
            {{else}}
                {{#if sevenShow}}
                    <span class="col-sm-3 clearfix data-title pull-left" style="border:none;">最近7天</span>
                {{else}}
                    {{#if thirtyShow}}
                        <span class="col-sm-3 clearfix data-title pull-left" style="border:none;">最近一个月</span>
                    {{else}}
                        {{#if compareShow}}
                            <span class="col-sm-3 clearfix data-title pull-left" style="border:none;">{{computedBegin}}至{{computedEnd}}</span>
                        {{else}}
                        {{/if}}
                    {{/if}}
                {{/if}}
            {{/if}}
        {{/if}}
    </div>
</div>
<!-- 列表式 -->
<div class="pt20 table-responsived {{if textShow '' 'hidden'}}">
    <table id="datatable1" cellpadding="0" cellspacing="0" border="0" class="datatable table table-bordered table-hover dataTable" aria-describedby="datatable1_info">
        <thead>
            <tr role="row">
                <th rowspan="1" colspan="1" width="">体检时间</th>
                <th rowspan="1" colspan="1" width="">体检项目</th>
                <th rowspan="1" colspan="1" width="" class="">项目内容</th>
            </tr>
        </thead>
        <tbody role="alert" aria-live="polite" aria-relevant="all" class="">
            {{#each healthList as |health|}}
                <tr>
                    <td class="ellipsis ">{{health.examDateString}}</td>
                    <td class="ellipsis ">{{health.itemtype.typename}}</td>
                    <td class="ellipsis ">{{health.result}}</td>
                </tr>
            {{/each}}
        </tbody>
    </table>
</div>
<!-- 分页 -->
<!-- <div class="row">
  <div class="col-sm-12">
    <div class="pull-left">
      <div class="dataTables_info" id="datatable1_info">Showing 1 to 10 of 57 entries</div>
    </div>
    <div class="pull-right">
      <div class="dataTables_paginate paging_bs_full" id="datatable1_paginate">
        <ul class="pagination">
          <li class="disabled">
            <a tabindex="0" class="paginate_button first" id="datatable1_first" style="touch-action: manipulation; -ms-touch-action: manipulation;">首页</a>
          </li>
          <li class="disabled">
            <a tabindex="0" class="paginate_button previous" id="datatable1_previous" style="touch-action: manipulation; -ms-touch-action: manipulation;">第一页</a>
          </li>
          <li class="active">
            <a tabindex="0" style="touch-action: manipulation; -ms-touch-action: manipulation;">1</a>
          </li>
          <li>
            <a tabindex="0" style="touch-action: manipulation; -ms-touch-action: manipulation;">2</a>
          </li>
          <li>
            <a tabindex="0" style="touch-action: manipulation; -ms-touch-action: manipulation;">3</a>
          </li>
          <li>
            <a tabindex="0" style="touch-action: manipulation; -ms-touch-action: manipulation;">4</a>
          </li>
          <li>
            <a tabindex="0" style="touch-action: manipulation; -ms-touch-action: manipulation;">5</a>
          </li>
          <li>
            <a tabindex="0" class="paginate_button next" id="datatable1_next" style="touch-action: manipulation; -ms-touch-action: manipulation;">下一页</a>
          </li>
          <li>
            <a tabindex="0" class="paginate_button last" id="datatable1_last" style="touch-action: manipulation; -ms-touch-action: manipulation;">末页</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="clearfix"></div>
  </div>
</div> -->
<!-- 分页插件 -->
<!-- {{#if healthList }}
    {{page-numbers content=healthList showFL=true numPagesToShow=3}}
{{else}}
    <h1 class="col-sm-12 center unTask"></h1>
{{/if}} -->
<!-- 图文式 -->
<div class="{{if textShow 'hidden' ''}}">
    <div class="line text-center {{if informationShow '' 'hidden'}}">
        <p class=" text-center row data-title " style="height:50px;display:inline-block;margin:0 auto!important ">当前无数据，请选择体检项目</p>
    </div>
</div>
<div class="{{if informationShow 'hidden' ''}}">
    <div class="row {{if textShow 'hidden' ''}}">
        <div class="col-sm-12">
            <div class="row">
                <div class="col-sm-12">
                    <!-- 此处示意线性图 -->
                    <div class="float-chart-box pt20 pb20">
                        <!-- <img src="assets/images/image-float-chart.gif"/> -->
                        <div id="myChart" style="height:400px;" class="text-center"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 线性图js -->

<!-- 数据总结 -->
<div class="row pt20">
    <div class="col-sm-12">
        <div class="alert alert-block alert-warning fade in width-100">
            <p>最近一次{{lastHealth.itemtype.typename}}值：{{lastHealth.result}}/{{lastHealth.resultAddtion}}</p>
            <p>您的{{lastHealth.itemtype.typename}}值正常</p>
        </div>
    </div>
</div>

<!-- 添加新健康数据弹窗 -->
<!-- <div aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="windowInsideDIV" class="modal fade in" style="display: none;"> -->
<!-- <div class="modal-dialog" style="width: 600px;">
  	<div class="modal-content">
  		<div class="modal-header">
  			<button style="margin-top: 1px;" type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  		    <h4>
  		    	添加新健康数据
  		    </h4>
      </div>
    <div class="modal-body clearfix">
  			<div class="form-group">
  				<div class="col-sm-12" style="text-align: center;">
            <div class="col-xs-12 col-sm-12">
							<div class="form-input-group">
								<span class="input-group-addon">日期时间：</span>
								<div> -->
<!-- <input class="input-group-content"  readonly="true" value=""/> -->
<!-- <div>{{input class="input-group-content" type="date" value=health.examDateTime required="true"}}</div>
								</div>
							</div>
							<div class="divide-10"></div>
						</div>
            <div class="col-xs-12 col-sm-12">
							<div class="form-input-group">
								<span class="input-group-addon">数据项目：</span>
                <div>
                  {{callbusi/dict-selector class="form-control input-sm "
         groupCode=constants.healthExamType showName="数据项目" curDict=health.itemtype dictSelect="addHealthSelect" value=health.result preselected=false allowClear=true}}
              </div>
							</div>
							<div class="divide-10"></div>
						</div>
          <div class="col-xs-12 col-sm-12">
							<div class="form-input-group">
								<span class="input-group-addon">项目内容：</span>
								<div> -->
<!-- <input class="input-group-content"  readonly="true" value=""/> -->
<!-- {{input class="input-group-content" value=health.result type="text"}}
								</div>
							</div>
							<div class="divide-10"></div>
						</div>
         </div>
  			</div>
  		</div>
    <div class="modal-footer textCenter" style="margin-top: 0; padding-top:10px; padding-bottom:10px;">
        <div class="col-xs-12 border-top-ccc">
          <div class="divide-10"></div>
          <p class="text-center">

            <button class="btn btn-primary" type="button" data-dismiss="modal"><i class="fa fa-check icon-white"></i>&ensp;保存</button>
            <button class="btn btn-light-grey" data-dismiss="modal"><i class="fa fa-times"></i>&ensp;取消</button>
          </p>
        </div>
  		</div>
  </div>
  </div>
</div> -->
<!-- End 添加新健康数据弹窗 -->
{{#if showpopInvitePassModal}}
    {{#bs-modal body=false footer=false header=false closedAction=(action "invitation") submitAction=(action "saveClick")}}
        {{#bs-modal-header}}
            <h4 class="modal-title">添加新健康数据</h4>
        {{/bs-modal-header}}
        {{#bs-modal-body}}
            <div class="modal-body clearfix">
                <div class="form-group">
                    <div class="col-sm-12" style="text-align: center;">
                        <div class="col-xs-12 col-sm-12">
                            <div class="form-input-group">
                                <span class="input-group-addon">体检时间：</span>
                                <div>
                                    <!-- <input class="input-group-content"  readonly="true" value=""/> -->
                                    <!-- <div>{{input class="input-group-content" type="date" value=health.examDateString required="true"}}</div> -->
                                    <div class="inline-block form-input-group">
                                        <!-- {{bootstrap-datepicker placeholder="点击显示日历" class="form-control"
                    format="yyyy-mm-dd" language="zh-CN" value=health.examDate
                    changeDate="changeExamAction"}} -->
                                        {{ui/addon/bs-datetimepicker date=health.examDate placeholder="体检时间" locale="zh-CN" iconClasses="fa fa-calendar" format='YYYY-MM-DD' value=health.examDate show="dpShowAction" change="changeExamAction" }}
                                    </div>
                                </div>
                            </div>
                            <div class="divide-10"></div>
                        </div>
                        <div class="col-xs-12 col-sm-12">
                            <div class="form-input-group">
                                <span class="input-group-addon">体检项目：</span>
                                <div class="inline-block form-input-group">
                                    {{callbusi/dict-selector class="" groupCode=constants.healthExamType showName="数据项目" curDict=health.itemtype dictSelect="addHealthSelect" value=health.itemtype preselected=false allowClear=false}}
                                </div>

                            </div>
                            <div class="divide-10"></div>
                        </div>
                        <div class="col-xs-12 col-sm-12">
                            {{#if bloodShow}}
                                <div class="form-input-group">
                                    <span class="input-group-addon">高压：</span>
                                    <div>
                                        {{input class="input-group-content" value=health.result type="text"}}
                                    </div>
                                </div>
                                <div class="divide-10"></div>
                                <div class="form-input-group">
                                    <span class="input-group-addon">低压：</span>
                                    <div>
                                        {{input class="input-group-content" value=health.resultAddtion type="text"}}
                                    </div>
                                </div>
                            {{else}}
                                {{#if heartShow}}
                                    <div class="form-input-group">
                                        <span class="input-group-addon">心率：</span>
                                        <div>
                                            {{input class="input-group-content" value=health.result type="text"}}
                                        </div>
                                    </div>
                                {{else}}
                                    <div class="form-input-group">
                                        <span class="input-group-addon">项目内容：</span>
                                        <div>
                                            <!-- <div class="font-light input-group-content">无</div> -->
                                            <!-- <input class="input-group-content"  readonly="true" value=""/> -->
                                            {{input class="input-group-content" value=health.result type="text"}}
                                        </div>
                                    </div>
                                {{/if}}
                            {{/if}}
                            <div class="divide-10"></div>
                        </div>
                    </div>
                </div>
            </div>
        {{/bs-modal-body}}
        {{#bs-modal-footer class="user-add-btn" as |footer|}}
            <!-- {{#bs-button action=(action "saveClick" ) type="primary" disabled=prepaidDisabled}}保存{{/bs-button}}
			{{#bs-button action=(action "invitation") type="default"}}取消{{/bs-button}} -->
            {{#ui/mix-button class="user-btn edit-btn" iconClass="fa fa-save" text='确定' clickAction="saveClick" saveClick="saveClick" }}
            {{/ui/mix-button}}
            {{#ui/mix-button class="user-btn times-btn" iconClass="fa fa-undo" text='取消' clickAction="invitation" invitation="invitation" }}
            {{/ui/mix-button}}
        {{/bs-modal-footer}}
    {{/bs-modal}}
{{/if}}
